<template>
  <div>
    <footer class="footer">
      <div class="footerbg">
        <img src="/assets/img/footer-bg.png" alt="">
      </div>
      <div class="footer-top pt-120 pb-110">
        <div class="container">
          <div class="row">
            <div class="col-lg-3 col-sm-6">
              <!-- footer widget -->
              <div class="footer-widget">
                <div class="footer-logo">
                  <a href="/"><img src="/assets/img/logo.png" alt=""></a>
                </div>
                <p>一些描述。话语</p>
                <!-- footer social area -->
<!--                <div class="footer-social-area">-->
<!--                  <ul class="social-icons social-icons-light nav"><li class="nav-item">-->
<!--                    <a class="nav-link" href="#"><i class="fa fa-facebook"></i></a>-->
<!--                    </li>-->
<!--                    <li class="nav-item">-->
<!--                      <a class="nav-link" href="#"><i class="fa fa-twitter"></i></a>-->
<!--                    </li>-->
<!--                    <li class="nav-item">-->
<!--                      <a class="nav-link" href="#"><i class="fa fa-google-plus"></i></a>-->
<!--                    </li>-->
<!--                    <li class="nav-item">-->
<!--                      <a class="nav-link" href="#"><i class="fa fa-linkedin"></i></a>-->
<!--                    </li>-->
<!--                    <li class="nav-item">-->
<!--                      <a class="nav-link" href="#"><i class="fa fa-instagram"></i></a>-->
<!--                    </li>-->
<!--                    <li><a href="#" target="_blank"><i class="fa fa-facebook-f"></i></a></li>-->
<!--                    <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>-->
<!--                    <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>-->
<!--                    <li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>-->
<!--                  </ul>-->
<!--                </div>-->
                <!-- End of footer social area -->
              </div>
              <!--End of footer widget -->
            </div>

            <div class="col-lg-3 col-sm-6">
              <div class="footer-widget">
                <!-- widget header -->
                <div class="widget-header">
                  <h5>Our Address</h5>
                </div>
                <!-- widget header -->
                <div class="widget-body">
                  <ul class="address-list">
                    <li>
                      <span><i class="fa  fa-phone-square"></i></span>
                      电话号码
                    </li>
                    <li>
                      <span><i class="fa  fa-envelope"></i></span>
                      邮箱
                    </li>
                    <li>
                      <span><i class="fa  fa-map"></i></span>
                      855 road, broklyn street,
                      new york 600
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-lg-3 col-sm-6">
              <div class="footer-widget">
                <!-- widget header -->
                <div class="widget-header">
                  <h5>其他 Links</h5>
                </div>
                <!-- widget header -->
              </div>

              <div class="widget-body">
                <div class="extra-link">
                  <div class="link-left">
                    <ul>
                      <li><a href="#">关于</a></li>
                      <li><a href="#">我们的团队</a></li>
                      <li><a href="#">特点</a></li>
                      <li><a href="#">博客</a></li>
                      <li><a href="#">工作原理</a></li>
                    </ul>
                  </div>
                  <div class="link-right">
                    <ul>
                      <li><a href="#">帮助</a></li>
                      <li><a href="#">支持</a></li>
                      <li><a href="#">客户</a></li>
                      <li><a href="#">博客</a></li>
                      <li><a href="#">联系</a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-3 col-sm-6">
              <div class="footer-widget">
                <div class="widget-body">
                  <div class="twetter-post-inner">
                    <div class="footer-post-details">
                      喵喵喵喵喵喵喵喵~<br><a href="http://localhost:8080/">这里是一个链接位置~</a>
                    </div>
                    <div class="twetter-post">
                      <span><i class="fa fa-twitter"></i></span>
                      Apkanalysis - 2023 - 2 - 15
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="footer-bottom">
        <div class="footer-text text-center">
          <p>© copyright 2023 by AFanSkyQs</p>
        </div>
      </div>

    </footer>

    <!-- back to top -->
    <div @click="scrollTop" :class="`back-to-top ${scrollBtn ? 'show' : ''}`">
      <a href="#"><i class="fa fa-chevron-up"> </i></a>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  data () {
    return {
      scrollBtn: false
    }
  },
  mounted () {
    window.addEventListener('scroll', this.handleScroll)
  },

  methods: {

    handleScroll () {
      if (window.scrollY > 70) {
        this.scrollBtn = true
      } else if (window.scrollY < 70) {
        this.scrollBtn = false
      }
    },

    scrollTop () {
      window.scrollTo(0, 0)
    }

  }
}
</script>

<style scoped>

</style>
